<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>主页</title>
</head>
<body>
<%--使用jsp的指令引入公共头部--%>
<%@include file="header.jsp"%>
<a href="add.jsp"><button class="btn">添加</button></a>

<table border="1" cellspacing="0" width="100%">
    <tr>
        <th>ID</th>
        <th>用户名</th>
        <th>密码</th>
        <th>联系方式</th>
        <th>生日</th>
        <th>操作</th>
    </tr>

<c:forEach items="${result.data.data}" var="user">
    <tr align="center">
        <td>${user.id}</td>
        <td>${user.username}</td>
        <td>${user.password}</td>
        <td>${user.tel}</td>
        <td>${user.birth}</td>
        <td>
            <a href="${bp}/user?method=delete&id=${user.id}"><button>删除</button></a>
        <%-- 在编辑时 不能直接跳转编辑页面  因为直接跳转无法实现数据的回显
             1.请求后台的servlet 查询当前用户的所有信息
             2. 将查询的信息 存储在域对象中
             3. 页面跳转  update.jsp
        --%>
            <a href="${bp}/user?method=toUpdate&id=${user.username}"><button>编辑</button></a>
        </td>
    </tr>
</c:forEach>
<%--    在数据全部删除之后显示的行  empty 判定是否为null  等价于 ==null --%>
    <c:if test="${empty result.data.data}">
        <tr align="center">
            <td colspan="6">没有数据，请添加</td>
        </tr>
    </c:if>
</table>
<a href="${bp}/user?method=selectPage&page=1"><button>首页</button></a>
<a href="${bp}/user?method=selectPage&page=${result.data.currentPage > 1 ? result.data.currentPage-1 : 1  }"><button>上一页</button></a>
<a href="${bp}/user?method=selectPage&page=${result.data.currentPage == result.data.totalPage ? result.data.totalPage : result.data.currentPage+1  }"><button>下一页</button></a>
<a href="${bp}/user?method=selectPage&page=${result.data.totalPage}"><button>尾页</button></a>


<span>共有 ${result.data.total} 条</span>
<span>共有 ${result.data.totalPage} 页</span>
<span>第  ${result.data.currentPage}  页</span>
</body>
</html>
